.icon {
  width: 18px;
  height: 18px;
  margin: 5px;
  margin-right: 10px;
}

/*表格公共样式 */
.demo-form-inline .el-input {
  --el-input-width: 220px;
}

.table {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;

  height: 100%;
  overflow: auto;
  overflow: hidden;
}

.table {
  display: flex;
  flex-direction: column;
}

.serch {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 100%;
  height: 46px;
}

.header {
  padding-bottom: 10px;
}

.header.add {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.page {
  position: absolute;
  bottom: 20px;
  right: 20px;
  margin-top: 10px;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  border-radius: 4px;
  padding: 10px;
}

.el-form-item__label {
  font-size: 20px;
}

.el-input {
  border-radius: 4px;
  z-index: 999;
}

.el-input__wrapper {
  align-items: normal;
}

/* 搜索重置 */
.table_btn {
  padding: 5 px;
}

/* 搜索重置 图标样式 */
.table_btn i {
  font-size: 20px;
}

/* 搜索重置 文字样式 */
.table_btn span {
  padding-right: 5px;
  font-size: 14px;
  line-height: 20px;
}

.add {
  margin-bottom: 10px;
  width: 100%;
  height: 32px;
}

.add_btn {
  padding-bottom: 10px;
  margin-right: 10px;
}

.add_btn span {
  /* padding: 5px; */
  font-size: 18px;
}


/* 表格字号 */
.cell {
  font-size: 14px;
}

/* 搜索输入框前置文字样式 */
.el-tableaaaa__header {
  background-color: #ffd7d7 !important;
}


/* 表头样式 */
.el-table th.el-table__cell {
  background-color: #eef5ff;
  color: #000;
  height: 50px;
}

.el-table td.el-table__cell,
.el-table th.el-table__cell.is-leaf {
  border: 0px solid #000;
}

/* 操作背景色 */
.el-table.is-scrolling-none th.el-table-fixed-column--right {
  background-color: #eef5ff;
}

/* 文章居中 */
.el-table .cell {
  text-align: center;
}

/* 行下框线 */
.el-table__row td {
  border-bottom: 2px solid #eef5ff !important;
}

.but_Settings {
  display: flex;
  justify-content: space-evenly;
}

.btn_Modification,
.btn_delete,
.btn_Binding {
  border: 0px solid #000;
  background-color: #ffffff00;
  font-size: 14px;
  border-radius: 4px;
  overflow: hidden;
}

.btn_Binding span {
  font-size: 14px;
  color: #409eff;
}

.btn_Modification span {
  font-size: 14px;
  color: #67c23a;
}

.btn_delete span {
  font-size: 14px;
  color: #f56c6c;
}



/* 下面是弹出样式 */

/* 弹框圆角 */
.el-dialog {
  border-radius: 5px;
}

.el-form--inline .el-form-item {
  /* margin-bottom: 10px; */
  margin: 0;
}

.el-form-item {
  margin: 0;
}

/* 弹出框文字样式 */
.tb_text {
  width: 25%;
  font-weight: 700;
  font-size: 14px;
  margin-right: 10px;
  color: #5f5f5f;
}

/* 搜索输入框样式 */
.tb_input {
  width: 70%;
  height: 60%;
  border-radius: 4px;
  border: 1px solid#e0edff;
  padding: 10px;
  font-size: 12px;
  /* box-shadow: 3px 2px 20px rgb(255, 255, 255); */
}

.box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: start;
}

.dialogBox {
  position: relative;
  width: 100%;
  flex: 1;
  overflow: auto;
}


.tb_box {
  display: flex;
}

.tb_box .tb_input {
  width: 200px;
  margin-right: 20px;
}

.el-dialog__body {
  border-radius: 5px !important;
}

/* 弹出框大盒子 */
.a1 {
  display: flex;
  width: 100%;
  /* height: 350px; */
  background-color: #f4f4f4;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 2px 2px 10px rgb(233, 233, 233);
}

/* 修改框 */
.b1 {
  width: 100%;
}

.b1 .el-form-item {
  width: 100%;
}

/* 备注其他 */

/* item样式大盒子 */
.c1 {
  width: 100%;
  display: flex;
  padding: 10px;
  position: relative;
  justify-content: space-between;
  align-items: center;
}

/* 选择器宽度 */
.a1 .el-select {
  width: 70% !important;
}

/* 包裹全部item元素的大盒子设置布局 */
.dialogCenter {
  flex-flow: column nowrap;
  padding: 10px;
  width: 100%;
}

.b2 {
  width: 50%;
  /* height: 100%; */
  background-color: #ffffff;
}

.dialogNote {
  padding: 20px;
  height: 100%;
  justify-content: space-between;
  flex-direction: column;
  display: flex;
}

.NoteBox {
  width: 360px !important;
  height: 175px !important;
}

.NoteStyle {
  width: 360px;
  padding-bottom: 10px;
  background-color: #ffffff;
  font-size: 20px;
}

.dialogMessage {
  text-align: center;
  font-size: 20;
  padding: 10px;
  color: #9c9c9c;
  font-family: "华文行楷";
}

.dialog-footer {
  display: flex;
  justify-content: center;
  padding: 10px;
}

.Tips {
  position: absolute;
  width: 210px;
  top: 40px;
  font-size: 12px;
  left: 150px;
  color: #9d9d9d;
  background-color: #ffffff00;
}


.file-input {
  position: relative;
  display: inline-block;
}

.custom-file-upload {
  width: 100%;
  height: 30px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  height: 50px;
  display: inline-block;

  cursor: pointer;
  background-color: #3179ff;
  border-radius: 4px 0 0 4px;
  color: #ffffff;
}

/* 隐藏原生的文件上传按钮 */
input[type="file"] {
  display: none;
}

.file_text {
  padding-left: 10px;
  line-height: 50px;
  background-color: #ffffff;
}

/* 模版下载样式 */


.template_btn {
  cursor: pointer;
  position: absolute;
  top: 11px;
  left: 90px;
  padding: 5px;
  border: 0px solid #000;
  display: flex;
  align-items: center;
  background-color: #ffffff00;
  color: #40a0ffad;
  border-radius: 0 4px 4px 0;
}

.template_btn:hover {
  color: #409EFF;
}